<page-header [title]="'POS巡检详情'">

  <ng-template #action><button nz-button (click)="back()"style="float: right"><i class="anticon anticon-rollback" style="font-size: 14px"></i>返回列表</button></ng-template>

</page-header>

<nz-spin [nzSpinning]="loading">

  <nz-card nzTitle="基本信息 ">

    <form nz-form>
      <nz-form-item>


        <nz-form-label nzSpan="3" nzRequired>POS编号</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input required="required" [(ngModel)]="product.posNo" name="posNo">

          <!--<nz-select style=""  [(ngModel)]="product.dyptype" name="dyptype" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
          <!--<nz-option [nzLabel]="dyptype.text" [nzValue]="dyptype.value" *ngFor="let dyptype of dyptypes"></nz-option>-->
          <!--</nz-select>-->
        </nz-form-control>

        <nz-form-label nzSpan="3" nzRequired>商户名称</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input required="required" [(ngModel)]="product.posName" name="posName">

        </nz-form-control>

        <nz-form-label nzSpan="3" nzRequired>地址</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input required="required" [(ngModel)]="product.posAddr" name="posAddr">

        </nz-form-control>

        <nz-form-label nzSpan="3" nzRequired>联系人</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input required="required" [(ngModel)]="product.posConcract" name="posConcract">

        </nz-form-control>

        <nz-form-label nzSpan="3" nzRequired>联系人电话</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input required="required" [(ngModel)]="product.posMobile" name="posMobile">

          <!--<nz-select required="required" [(ngModel)]="product.dypclass" name="dypclass" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">-->
          <!--<nz-option [nzLabel]="dypclass.text" [nzValue]="dypclass.value" *ngFor="let dypclass of dypclasss"></nz-option>-->
          <!--</nz-select>-->
        </nz-form-control>

        <nz-form-label nzSpan="3" nzRequired>POS类型</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input required="required" [(ngModel)]="product.posType" name="posType">

        </nz-form-control>

        <nz-form-label nzSpan="3" nzRequired>备注</nz-form-label>
        <nz-form-control nzSpan="9">
          <input nz-input required="required" [(ngModel)]="product.posRemark" name="posRemark">

        </nz-form-control>

      </nz-form-item>
    </form>


  </nz-card>

  <nz-card nzTitle="文件信息 "  >

    <form nz-form>
      <div class="clearfix">

        <nz-upload
          [nzMultiple]="true"
          [nzAction]="uploadUr5"
          [nzData]="avatarParam5"
          nzListType="picture-card"
          [(nzFileList)]="fileList"
          [nzShowButton]="fileList.length < 1"
          [nzPreview]="handlePreview">

          <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
          <div style="margin-top: 0px; color: #666;">  </div>
        </nz-upload>
        <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">
          <ng-template #modalContent>
            <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
          </ng-template>
        </nz-modal>
      </div>

    </form>
  </nz-card>

</nz-spin>
